草庐IT

angular 2 location.go vs window.location.href

全部标签

javascript - 加载页面后如何在Angular 4中获取(DOM)元素的宽度

我正在Angular4中寻找一个解决方案来获取DOM元素的宽度而不采取任何操作(单击或调整窗口大小),就在页面加载之后但在我开始绘制svg之前。我在here中发现了类似的案例但它对我不起作用。我得到同样的错误:ERRORTypeError:Cannotreadproperty'nativeElement'ofundefined我需要获取div容器的宽度来设置我在其中绘制的svg的veiwbox。这是模板:和在这种情况下需要的东西的TS文件:import{Component,Input,OnInit,ViewEncapsulation,AfterViewInit,ViewChild,El

javascript - "window.location.hash = location.hash"在 Webkit(Safari 和 Chrome)中不起作用

我无法让window.location.hash=location.hash在Safari中工作。我正在使用javascript将我的页面内容与一个可滚动的DIV包装在一起,该DIV位于我网页的导航栏下方。由于滚动条的位置在javascript运行时被重置,我丢失了URL设置的原始哈希位置。我需要使用javascript不重新加载页面来重新提示哈希位置,因此我使用的是window.location.hash=location.hash。它适用于IE8、Firefox和Opera,但不适用于Safari。(我也会假设Chrome,但我没有检查)。有什么建议吗?提示:我喜欢jQuery。

javascript - 当用户允许或拒绝访问 "Physical Location"时如何调用函数?

我的应用程序由jQueryMobile提供支持并使用地理定位。在我的应用程序尝试获取用户位置后,(Chrome)浏览器会提示用户:Example.comwantstotrackyourphysicallocation[allow][deny]我的目标是:如果用户单击“允许”,则调用函数1(使用位置通过应用程序)。如果用户点击“拒绝”,函数2被调用(地址表单出现)。当用户单击“允许”或“拒绝”按钮时,如何将函数绑定(bind)到发生的事件(如果有)? 最佳答案 getCurrentPosition函数接受两个函数参数。哎呀,第一个在您

javascript - location.hash 只在 chrome 和 safari 中生效一次

我使用location.hash滚动到我页面的某个地方。当该位置没有哈希时它工作正常。但如果该位置已经具有相同的哈希值,则它不起作用。例如,location.hash='a';滚动到.现在location.href会像http://www.example.com/test.html#a.如果location.hash='a';再次触发,窗口不会滚动。这仅发生在Chrome和Safari中。我在Scrollingapageusinglocation.hashinSafari找到了解决方案,但我不想添加不必要的标签。我也试过location.href='#a'.这很好用,但我担心它会导致页

javascript - 如何让 angular ui grid footerTemplate 工作?

AngularUI-Grid有一个名为footerTemplate的属性,它应该提供创建自定义页脚模板的可能性。我尝试在字符串中输入html内容(带有一些文本的div),我还尝试在字符串中添加.html文件名,甚至是呈现的div的ID,但它们似乎都不起作用。我也不清楚是否需要为此启用showGridFooter,所以我尝试了两种方法,但footerTemplate要么根本不显示,要么如果我将showGridFooter设置为true,它会显示默认页脚(总行数在网格中)。我在这里缺少什么? 最佳答案 对于angular-ui-grid

javascript - 使用 window.location.href 返回 2 页并重新加载

是否可以告诉window.location.href返回2个历史页面并重新加载调用的页面?我只设法让它像这样工作:window.location.href="http://www.google.com/";我使用命令history.back(-2)尝试的其他所有操作在我的情况下都不起作用。 最佳答案 试试这个,它会让你后退两步history.go(-2);例如,Link 关于javascript-使用window.location.href返回2页并重新加载,我们在StackOverfl

javascript - Webstorm IDE 和 AngularJS angular.module 未解析的方法

我正在为AngularJS项目使用WebstormIDE。我已经将AngularJS添加到库和自动完成等。工作正常。但是,WebstormIDE没有找到非常重要的函数angular.module()。我已经尝试了所有方法(重新安装等),但似乎仍然无法正常工作。有什么想法吗? 最佳答案 到目前为止,WebStormIDS没有任何进展ticket上面由@AllYouCanEat86引用,所以我不确定是否应该在不向WebStorm添加库的情况下修复它。一旦我遵循了thisanswer中给出的建议我的问题已解决,并且不再在WebStorm中

javascript - div 和 childs 上的 Angular 2 鼠标悬停事件

我在一个div中有一个spanchild。在我的div上我有一个mouseover事件,当我将鼠标悬停在span上时,我的事件会触发。简单代码:{{someDataHere}}publicshowOverlay($event,op,element):void{op.toggle($event,element);$event.preventDefault();}我想要的是在child身上继续显示我的叠加层,我该如何实现? 最佳答案 mouseleave和mouseleave更好地覆盖了这个用例,因为进入一个child不会mousele

javascript - Angular2订阅了解箭头功能

我试图通过Angular2Observable订阅方法的例子来理解typescript的箭头函数。有人可以解释一下吗:我有这段有效的代码:this.readdataservice.getPost().subscribe(posts=>{this.posts=posts;});但是如果我用这个应该是一样的吗?但这不起作用。this.readdataservice.getPost().subscribe(function(posts){this.posts=posts;}); 最佳答案 箭头函数是匿名的,不绑定(bind)它自己的thi

javascript - 如何在 Angular 2 中打印 Pdf

我有pdf文件的URL,因为exaurl是“test.example.com/incoice/1/download?auth_token="some_token”,当我访问这个url时,url将在浏览器中显示PDF。现在我想用打印功能打开这个pdf,我的意思是用户不必按CTRL+P我想在我这边做这件事。我尝试了iframe,但它给了我跨源错误。这是我使用的演示代码//firsttrylet_printIframe;variframe=_printIframe;if(!_printIframe){iframe=_printIframe=document.createElement('if